@import '../bootstrap'
@import '../theme'

.bottom-sheet.dialog
  align-self: flex-end
  left: 0
  border-radius: 0
  flex: 1 0 100%
  margin: 0
  min-height: 100%
  max-width: 90%
  overflow: visible
  transition: .4s $transition.swing

  &.bottom-sheet--inset
    max-height: 70%
    min-height: 0

    @media $display-breakpoints.xs-only
      max-height: none
